<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单结算</title>
    <link rel="stylesheet" href="../css/reset万能清.css">
    <link rel="Shortcut Icon" href="../font/ico/title.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/placeorder.css">
</head>

<body>
    <header></header>
    <div class="bx">
        <div class="address">收货地址</div>
        <div class="adddz">
            <div class="tj">+添加地址</div>
            <div class="information">
                <input name="color" type="text" placeholder="请输入收货人姓名">
                <input type="text" placeholder="请输入11位手机号">
                <select>
                    <option value="请选择省市">请选择省市</option>
                    <option value="安徽省安庆市大观区德宽路街道">安徽省安庆市大观区德宽路街道</option>
                    <option value="北京市朝阳区奥运村街道">北京市朝阳区奥运村街道</option>
                    <option value="重庆市北碚区北温泉街道">重庆市北碚区北温泉街道</option>
                    <option value="福建省福州市长乐区古槐镇">福建省福州市长乐区古槐镇</option>
                    <option value="甘肃省白银市白银区纺织路街道">甘肃省白银市白银区纺织路街道</option>
                    <option value="广东省潮州市潮安区庵埠镇">广东省潮州市潮安区庵埠镇</option>
                    <option value="陕西省安康市白河县城关镇">陕西省安康市白河县城关镇</option>
                </select>
                <div class="careful">(不包含中国港澳台地区)</div>
                <textarea name="textarea" cols="30" rows="10" placeholder="详细地址"></textarea>
                <div class="setup">
                    <input type="checkbox">设为默认地址
                </div>
                <div class="save">
                    <button class="qx">取消</button>
                    <button class="sv">保存并使用</button>
                </div>
            </div>
        </div>
        <div class="Delivery">送货方式</div>
        <div class="adddz">
            <img src="../img/Ft-tu4.svg" alt="">
            <p>快递配送</p>
            <input type="radio" checked>
        </div>
        <div class="detailedlist">商品清单</div>
        <div class="details">
            <div class="details-tu">
                <img src="../img/carttu1.webp" alt="">
            </div>
            <div class="spname">
                <h3>OPPO Find N 全新折叠旗舰 8G+256G 星夜 官方标配</h3>
                <button>赠品|原装保护壳 黑色（送完即止）</button>
                <div class="shouhou">
                    <button>7天价保</button>
                    <button>7天无理由退货</button>
                </div>
            </div>
            <div class="spprice">￥7699</div>
            <div class="spnum">x1</div>
            <div class="spzprice">¥7699.00</div>
        </div>
        <div class="youhui">
            <div class="left">优惠券</div>
            <div class="right">
                已为你优惠了<em>￥10</em>
            </div>
        </div>
        <div class="Submit">
            <div class="sleft">
                <div class="lf">
                    <p>商品总额</p>
                    <p>优惠券/码</p>
                    <p>运费（实付满 ¥69 包邮）</p>
                </div>
                <div class="rt">
                    <p>￥7699</p>
                    <p>-¥10</p>
                    <p>¥0</p>
                </div>
            </div>
            <div class="sright">
                <p>应付金额&nbsp;<em>￥</em><span>7689</span></p>
                <button>提交订单</button>
            </div>
        </div>
    </div>
</body>

</html>
<script src="../node_modules/_jquery@3.6.1@jquery/dist/jquery.js"></script>
<script>
    $("header").load("header.html");
    $(".tj").click(function () {
        $(".tj").hide(),
            $(".information").show()
    })
    $(".qx").click(function () {
        $(".information").hide(),
            $(".tj").show()
    })
</script>